//定义食物类Food
class Food {
    //定义一个属性表示所对应的元素
    element: HTMLElement;

    constructor() {
        //获取页面中的food元素，并将其赋值给element
        this.element = document.getElementById('food') as HTMLElement;
    }
    //定义一个获取食物X轴坐标的方法
    get X() {
        return this.element.offsetLeft
    }
    //定义一个获取食物Y轴坐标的方法
    get Y() {
        return this.element.offsetTop
    }
    // 修改食物的位置
    change() {
        //生成一个随机位置
        //食物的位置最小是0，最大是290
        //蛇移动一次就是一格，一格的大小激素10，所以要求食物事须是整10
        let top = Math.floor(Math.random() * 30) * 10
        let left = Math.floor(Math.random() * 30) * 10
        this.element.style.left = top + 'px';
        this.element.style.top = left + 'px'
    }
}

export default Food;